.page-body {
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  
  .order-count {
    height: 180rpx;
    display: flex;
    flex-direction: row;
    justify-content:space-around;
    text-align: center;
    padding-bottom: 10rpx;
    border-bottom: 4rpx #e6e6e6 solid;
    .count {
      padding-top: 60rpx;
      .count1 {
        color:var(--themeColor);
      }
      .count2 {
        font-size: 24rpx;
      }
    }

    
  }

  .order-text {
    height: 100rpx; 
    border-bottom: 4rpx #e6e6e6 solid;
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    padding: 30rpx;
    color: var(--themeColor);
    // .order-text1{
    // }
  }

  .total {
    .total-time {
      padding-top: 40rpx;
      display: flex;
      justify-content: center;
      .total-timeDetail{
        width: 150rpx;
        height: 70rpx;
        text-align: center;
        border-radius: 4rpx;
        padding-top: 10rpx;
      }
      .total-time1{
        color: var(--themeColor);
        border: 2rpx var(--themeColor) solid;
      }
      .total-time2{
        background-color: var(--themeColor);
        color: white;
      }
      
    }
  
    .total-count {
      display: flex;
      flex-direction: row;
      padding-top: 40rpx;
      justify-content: space-around;
      .count {
        text-align: center;
        .count1 {
          color: var(--themeColor);
        }
  
        // .count2 {
  
        // }
      }
    }
  
  }
  .total-img {
    margin-top: 40rpx;
    height: 600rpx;
  }
  
}